<!DOCTYPE html>
<html>
<head>
    <title>eventsource</title>
    <meta charset="UTF-8">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $(function(){
            $("#testEventSource").click(function () {
                if (window.EventSource) {

                    var eventSource = new EventSource("http://localhost:9090/es/testEventSource");

                    //只要和服务器连接，就会触发open事件
                    eventSource.addEventListener("open", function () {
                        console.log("open和服务器建立连接");
                    });

                    //处理服务器响应报文中的load事件
                    eventSource.addEventListener("load", function (e) {
                        console.log("load服务器发送给客户端的数据为:" + e.data);
                        if(!e.data) {
                            eventSource.close();
                            console.log("关闭");
                        }
                    });

                    //如果服务器响应报文中没有指明事件，默认触发message事件
                    eventSource.addEventListener("message", function (e) {
                        console.log("message服务器发送给客户端的数据为:" + e.data);

                    });

                    //发生错误，则会触发error事件
                    eventSource.addEventListener("error", function (e) {
                        console.log("error服务器发送给客户端的数据为:" + e.data);
                    });

                }
                else {
                    console.log("服务器不支持EvenSource对象");
                }
            });
        });
    </script>
</head>
<body>
<h1></h1>
<div>
    <table>
        <thead>
        <tr>
            <td>请求地址</td>
            <td>方式</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><button id="testEventSource">testEventSource</button></td>
            <td>post</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>